<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
<h:head></h:head>
<h:body>
 <ui:composition template="/templates/Plantilla.xhtml">	
  <ui:define name="content">
   <h:form id="form">
   <p:growl id="growl1" />
	<h3> Gestión de Personal</h3>
	<p:separator/>
	<p:dataTable id="tblPersonal" var="personal" value="#{personalList.personales}" rowKey="#{personal.personalId}"
		 			paginator="true" rows="10"
					selection="#{personalList.personalSelected}" filteredValue="#{personalList.personalFilter}"
					emptyMessage="No se encontró ningun Personal cargado"
					selectionMode="single" styleClass="tabla10">
		
	<p:ajax event="rowSelect" update=":form:display" oncomplete="carDialog.show()" />
		  
	<p:column>
		<f:facet name="header">
			<h:commandButton action="#{personalList.nuevoPersonal()}" 
			image="#{resource['images:plus-16-ns.png']}"
			title = "Nuevo Personal">
			</h:commandButton>
		</f:facet>	
	</p:column>
   			
	<p:column filterBy="#{personal.dni}">
		<f:facet name="header">DNI</f:facet>
		#{personal.dni}
	</p:column>
	
	<p:column filterBy ="#{personal.apellido}">
		<f:facet name="header">Apellido y Nombre</f:facet>
		#{personal.apellido}, #{personal.nombre}
	</p:column>
	
	<p:column filterBy = "#{personal.numeroDeLegajo}">
		<f:facet name="header">Legajo</f:facet>
		#{personal.numeroDeLegajo}
	</p:column>
	
	<p:column>
		<f:facet name="header">CUIL</f:facet>
		#{personal.cuil}
	</p:column>
	
	<p:column filterBy="#{personal.categoria}">
		<f:facet name="header">Categoria</f:facet>
		<h:outputText value="#{personal.categoria}" /> 
	</p:column>

	<p:column filterBy="#{personal.categoria}">
		<f:facet name="header">Usuario</f:facet>
		<h:outputText value="#{personal.usuario}" /> 
	</p:column>
	<p:column >
		<f:facet name="header">Rol</f:facet>
		<h:outputText value="#{personal.rol.nombre}" /> 
	</p:column>
	<f:facet name="footer">
		Seleccione un Personal
	</f:facet>
	</p:dataTable>
	
	<p:dialog id="modalDialog" header="Eliminacion de Registro" widgetVar="dlg2" modal="true" resizable="false">  
    	
		  	<h:outputLabel value="¿Desea Eliminar el Personal seleccionado?" />
			<p:separator/>	  
		    <p:commandButton id="confirm" value="Si" oncomplete="dlg2.hide()"  
		                  actionListener="#{personalList.eliminarPersonal()}" update="tblPersonal" ajax="false"/>  
		    <p:commandButton id="decline" value="No" onclick="dlg2.hide()" type="button" ajax="false"/>
	</p:dialog>
		
	<p:dialog header="Detalle de Personal" widgetVar="carDialog" resizable="false"  
              width="400" showEffect="explode" hideEffect="explode">  
  
        <h:panelGrid id="display" columns="2" cellpadding="4">  
            				
			<h:outputLabel value="Apellido y Nombre:"/>
			<h:outputLabel value= "#{personalList.personalSelected.nombre}, #{personalList.personalSelected.apellido}"/>
			
			<h:outputLabel value="Apellido:"/>
			<h:outputLabel value="#{personalList.personalSelected.apellido}"/>
			
			<h:outputLabel value="Nro de Legajo:"/>
			<h:outputLabel value="#{personalList.personalSelected.numeroDeLegajo}"/>
			
			<h:outputLabel value="DNI:"/>
			<h:outputLabel value="#{personalList.personalSelected.dni}"/>
			
			<h:outputLabel value="Cuil: "/>
			<h:outputLabel value="#{personalList.personalSelected.cuil}" />
			
			<h:outputLabel value="Fecha de Nacimiento:"/>
			<h:outputLabel value="#{personalList.personalSelected.fechaNacimiento}"/>			
			
			<h:outputLabel value="Fecha de Ingreso:"/>
			<h:outputLabel value="#{personalList.personalSelected.fechaDeIngreso}"/>			
			
			<h:outputLabel value="Categoria: *"/>			
			<h:outputLabel value="#{personalList.personalSelected.categoria}"/>

        </h:panelGrid>
        <p:panel style="text-align: center" >
				<p:commandButton type="submit" action="#{personalList.prepareEdit}" 
    				icon="ui-icon-newwin" value="Modificar"
    				title = "Editar Persnoal" oncomplete="carDialog.hide()">			    					
   				</p:commandButton>
   				<p:commandButton icon="ui-icon-trash" value="Eliminar"
    				title = "Eliminar Persnoal" oncomplete="carDialog.hide()"
    				onclick="dlg2.show()">			    					
   				</p:commandButton>
   				<p:commandButton type="submit"  
    				icon="ui-icon-close" value="Salir"
    				title = "Salir"
    				oncomplete="carDialog.hide()">			    					
   				</p:commandButton>
		</p:panel>  
    </p:dialog>  
	</h:form>			
 </ui:define>
</ui:composition>
</h:body>
</html>